<template>
  <Wxlogin
    :id="id"
    :style="style"
    :href="href"
    :state="state"
    :appid="appid"
    :scope="scope"
    :redirect_uri="redirect_uri"
    :self_redirect="self_redirect"
  />
</template>

<script>
import Wxlogin from 'vue-wxlogin'
export default {
  components: { Wxlogin },
  data() {
    return {
      id: 'login_container',
      appid: 'wx4263a501bf57836b',
      scope: 'snsapi_login',
      redirect_uri: encodeURIComponent('http://show.linkpow.cn'),
      state: Math.ceil(Math.random() * 1000).toString(),
      style: 'black',
      self_redirect: true,
      href: 'data:text/css;base64,LmltcG93ZXJCb3ggLnFyY29kZSB7d2lkdGg6IDI0MHB4OyBoZWlnaHQ6IDI0MHB4OyBib3JkZXItcmFkaXVzOiA1cHg7fQouaW1wb3dlckJveCAudGl0bGUge2Rpc3BsYXk6IG5vbmU7fQouaW1wb3dlckJveCAuaW5mbyB7d2lkdGg6IDI0MHB4OyBtYXJnaW4tdG9wOiA0MHB4OyB9Ci5zdGF0dXNfaWNvbiB7ZGlzcGxheTogbm9uZX0KLmltcG93ZXJCb3ggLnN0YXR1cyB7dGV4dC1hbGlnbjogY2VudGVyO30KLm9sZC10ZW1wbGF0ZXttYXJnaW4tcmlnaHQ6IDEwMHB4O30KaHRtbCB7aGVpZ2h0OjMyMHB4O30KYm9keXt3aWR0aDphdXRvO2hlaWdodDogMzIwcHg7fQouc3RhdHVzX3R4dCB7d2lkdGg6MjAwcHg7bWFyZ2luLWxlZnQ6LTIwcHg7fQouaW1wb3dlckJveCAuc3RhdHVzIHAgeyBsaW5lLWhlaWdodDogMzBweDsgY29sb3I6ICM2NjY2NjY7IH0='
    }
  }
}
</script>

